.add {
  height: 100%;
  overflow: auto;

  &-header {
    padding: 24px 20px 10px;
    border-bottom: 1px solid #E2E8F0;

    &-container {
      position: sticky;
      top: 0px;
      background: #ffffff;
      z-index: 99;
      border-radius: 10px 10px 0px 0px;
    }
  }

  &-buts {
    height: 60px;
    background: #F5F7FA;
    border-radius: 0px 0px 0px 0px;
    border: 1px solid #DCDFE6;
    line-height: 60px;
    color: #007DFF;
    display: flex;
    align-items: center;
    padding-left: 27px;
    cursor: pointer;

    img {
      width: 12px;
      height: 12px;
      margin-right: 15px;
    }
  }
}

.line {
  height: 20px;
  width: 100%;
  background: #F5F7FA;
}

.add-rules-container {
  padding: 20px;
}

.add-rules-title {
  font-size: 18px;
  color: #131414;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 14px;
}

.add-list {
  padding: 20px 0 0;
  background: #F5F7FA;
  margin-bottom: 20px;

  &-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px 20px;
    border-bottom: 1px solid #DCDFE6;

    .del-icon {
      width: 16px;
      height: 16px;
      cursor: pointer;
    }

    :deep(.el-input__wrapper,) {
      background: #FFFFFF !important;
    }

    :deep(.el-select__wrapper,) {
      background: #FFFFFF !important;
      margin-left: 4px;
    }

    :deep(.el-form-item,) {
      margin-bottom: 0 !important;
    }
  }

  &-text {
    display: flex;
    justify-content: space-between;
  }
}

.flex {
  display: flex;
  align-items: center;
}

.list-text-item {
  background: #FFFFFF;
  justify-content: space-between;
  margin-bottom: 20px;
  padding: 16px 20px;

  :deep(.el-form-item,) {
    margin-bottom: 0 !important;
    width: 46%;
  }
  :deep(.el-input__wrapper){
    padding: 1px 5px;
  }
}

.wen-icon {
  width: 12px;
  height: 12px;
  margin-left: 10px;
}

.list-text {
  width: 50%;
  padding: 16px 20px 0;
  &-border{
    border-right: 1px solid #DCDFE6;;
  }
}
:deep(.w-e-toolbar){
  background: #F5F7FA!important;
  border-radius: 4px 4px 0px 0px!important;
}
:deep(.el-input__count){
  background: #f2f3f5!important;
}
:deep(.el-input-group__append){
  background: #f2f3f5!important;
  padding: 0 5px 0 0!important;
}